@CHARSET "ISO-8859-1";



.comment{
	border-bottom: 3px dashed #ccc;
	margin-bottom: 20px;
	
	/* border-bottom: 2px solid #eee; */
}



.full-height{
	height: 100%;
}

body{
	 background-color: #fbfbfb; 
}

a:link {color:#9b7188;text-decoration:none;} 
a:visited {color:#9b7188;text-decoration:none;}
a:hover {color:#A901DB;text-decoration:none;}
a:active {color:#9B7188;text-decoration:none;}

.link-button a:link {color:#FFFFFF;text-decoration:none;} 
.link-button a:visited {color:#FFFFFF;text-decoration:none;}
.link-button a:hover {color:#220A29;text-decoration:none;}
.link-button a:active {color:#FFFFFF;text-decoration:none;}	
.nickname-show {font-style: inherit; font-family: cursive;}
.nickname-show a:link{color: #220A29;text-decoration:none;}
.nickname-show a:visited{color: #220A29;text-decoration:none;}
.nickname-show a:hover{color: #B404AE;text-decoration:none;}
.nickname-show a:active{color: #B404AE;text-decoration:none;}
.datetime-year {
	color: #BCA9F5; 
	font-size: 12px
}
.datetime-date {
	color: #eeeee6;
}
.datetime-month {
	color: #BCA9F5
}
.datetime-view {
	margin-top: -50px; 
	margin-left: 30px; 
	font-size: 40px;
}
.img-paperflip{
	margin-top: -31px;
}
.img-edit {
	max-height: 50px; 
	max-width: 50px; 
	margin-right: 20px
}
.img-thumbnailS{
	max-height: 200px; 
	max-width: 200px
}
.img-avatarS {
	max-height: 100px; 
	max-width: 100px;
}
.btn-readmore{
	background-color: #eeeee6; 
	border: 1.5px solid; 
	border-color: #9b7188; 
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	width: 820px;
}
#content {
    position:static;
    margin-top:75px;
    margin-left: 50px;
    width: 1000px;
}
.contentPost {
	background-color: #eeeee6; 
	border: 1.5px solid; 
	border-color: #9b7188; 
	-webkit-border-top-left-radius: 50px; 
	-webkit-border-bottom-right-radius: 50px; 
	-moz-border-radius-topleft: 50px; 
	-moz-border-radius-bottomright: 50px; 
	border-top-left-radius: 50px; 
	border-bottom-right-radius: 50px; 
	width: 820px;
}
.contentPost-left{
	height: 480px; 
	width: 150px; 
	background-color: #9b7188; 
	-webkit-border-top-left-radius: 45px; 
	-moz-border-radius-topleft: 45px; 
	border-top-left-radius: 45px;
}
.contentPost-right {
	height: 480px; 
	width: 665px; 
	wid-webkit-border-bottom-right-radius: 50px; 
	-moz-border-radius-bottomright: 50px; 
	border-bottom-right-radius: 50px;
}
.bd-top {
	border-top: 1px solid; 
	border-color: #9b7188;
}
.bd-top-small {
	border-top: 1px solid; 
	border-color: #6A0888;
	width: 40px;
}
.bd-bottom {
	border-top: 1px solid; 
	border-color: #9b7188; 
	position: absolute; 
	bottom: 0; left: 3; 
	width: 630px; 
	height: 30px
}

.btn-custom {
	cursor: pointer; 
	color: #eeeee6;
	background-color: #9b7188;
	border-color: #9b7188;
}

.btn-custom:hover{
	cursor: pointer; 
	/* color: #eeeee6; */
	background-color: #AF8DA0;
	border-color: #A57F94;
}

.btn-inverse {
	color: #9b7188;
	background-color: #eeeee6;
	border-color: #eeeee6;
}

.bg-custom {
	background-color: #eeeee6;
	border: 1.5px solid; 
	border-radius: 15px;
	border-color: #9B7188;
}

.bg-input {
	background-color: #fff;
}

.text-custom {
	color: #9b7188;
}

/* ****** for sidebar ********** */
.bs-docs-sidebar {
	position: static;
	height: 550px;	
	/* overflow: auto; */
}

@media ( min-width :768px) {
	.bs-docs-sidebar {
		padding-left: 20px
	}
}

.bs-docs-sidenav {
	/* margin-top: 20px; */
	/* margin-bottom: 20px */
}

.bs-docs-sidebar .nav>li>a {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #9b7188;
	padding: 4px 20px
}

.bs-docs-sidebar .nav>li>a:hover,.bs-docs-sidebar .nav>li>a:focus {
	padding-left: 19px;
	color: #563d7c;
	text-decoration: none;
	background-color: transparent;
	border-left: 1px solid #563d7c
}

.bs-docs-sidebar .nav>.active>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active:focus>a
	{
	padding-left: 18px;
	font-weight: 700;
	color: #563d7c;
	background-color: transparent;
	border-left: 2px solid #563d7c
}

.bs-docs-sidebar .nav .nav {
	display: none;
	padding-bottom: 10px
}

.bs-docs-sidebar .nav .nav>li>a {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 30px;
	font-size: 12px;
	font-weight: 400
}

.bs-docs-sidebar .nav .nav>li>a:hover,.bs-docs-sidebar .nav .nav>li>a:focus
	{
	padding-left: 29px
}

.bs-docs-sidebar .nav .nav>.active>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active:focus>a
	{
	font-weight: 500;
	padding-left: 28px
}

.back-to-top {
	display: none;
	margin-top: 10px;
	margin-left: 10px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 500;
	color: #999
}

.back-to-top:hover {
	text-decoration: none;
	color: #563d7c
}

@media ( min-width :768px) {
	.back-to-top {
		display: block
	}
}

@media ( min-width :992px) {
	.bs-docs-sidebar .nav>.active>ul {
		display: block
	}
	.bs-docs-sidebar.affix,.bs-docs-sidebar.affix-bottom {
		width: 213px
	}
	.bs-docs-sidebar.affix {
		position: fixed;
		top: 90px
	}
	.bs-docs-sidebar.affix-bottom {
		position: absolute
	}
	.bs-docs-sidebar.affix-bottom .bs-docs-sidenav,.bs-docs-sidebar.affix .bs-docs-sidenav
		{
		margin-top: 0;
		margin-bottom: 0
	}
}

@media ( min-width :1200px) {
	.bs-docs-sidebar.affix-bottom,.bs-docs-sidebar.affix {
		width: 263px
	}
}
.div-full {
	/* width: 1110px; */
}
.div-medium {
	width: 600px;
}
.div-fixed {
	width: 980px;
}
#showTitle{
	color: #2E64FE;
}